<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>系统管理</title>
    <link rel="stylesheet" href="../static/css/sys_index.css">
    <script src="https://cdn.jsdelivr.net/npm/echarts@5.4.3/dist/echarts.min.js"></script>
</head>
<body>
    <div class="nav">
        <div class="logo">
            <img src="../static/image/logo.png" alt="logo">
            <p>汇问 - 管理员</p>
        </div>
        <div class="content">
            <div class="search">
                <svg viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" width="200" height="200">
                    <path d="M94.28134 596.789688a400.282438 400.282438 0 0 0 101.23928 170.062882 399.600002 399.600002 0 0 0 127.683648 86.055094c49.442439 21.087251 102.638272 31.835608 156.380054 31.596756 53.571173 0.102365 106.630519-10.645991 155.936471-31.596756a405.912529 405.912529 0 0 0 127.683649-86.055094 399.736489 399.736489 0 0 0 86.089215-127.71777c21.05313-49.408317 31.801486-102.638272 31.596756-156.380054a400.043585 400.043585 0 0 0-31.153173-156.380054 405.980773 405.980773 0 0 0-86.089215-127.683648 399.600002 399.600002 0 0 0-127.683649-86.055094 394.788833 394.788833 0 0 0-156.380054-31.596756 400.418925 400.418925 0 0 0-156.380054 31.596756 407.106791 407.106791 0 0 0-127.683648 86.055094 399.600002 399.600002 0 0 0-86.089216 127.683648 394.891199 394.891199 0 0 0-31.596755 156.380054c0 19.722381 1.398992 39.342396 4.26522 58.72356h19.108189l72.747606-123.043089a26.922073 26.922073 0 0 1 12.625053-12.625053 24.73828 24.73828 0 0 1 28.59404 5.118265l0.443583 0.545948c2.729741 2.797985 4.811169 6.141918 6.073674 9.758825l70.7003 167.606115 111.544053-386.258392a28.457553 28.457553 0 0 1 17.675075-18.596362c13.751072-4.43583 28.457553 3.753394 32.586286 18.391631l98.202443 339.340964h111.10047c2.183793 0 4.401708 0.307096 6.517258 0.887166 8.974024-17.060883 25.932542-28.559918 45.689044-28.559918 28.798771 0 52.206302 24.670037 52.206302 55.209017 0 30.538981-23.305166 55.209017-52.206302 55.209018-19.756503 0-36.71502-11.499035-45.689044-28.525797a22.349757 22.349757 0 0 1-6.517258 0.989531h-130.583998c-12.761541 0-23.202801-9.417607-25.591325-22.145026l-78.138844-270.073778-107.176467 370.425892a25.830177 25.830177 0 0 1-31.903852 18.493997 26.614978 26.614978 0 0 1-17.436222-15.627768l-79.298984-188.079175-55.550236 93.937222a25.727812 25.727812 0 0 1-23.066313 12.966271h-20.47306z m918.89916 372.50732a32.07446 32.07446 0 0 1-45.654923 45.177219l-172.110188-172.14431a476.442219 476.442219 0 0 1-315.831067 119.153207C214.901783 961.483124 0.173509 746.857215 0.173509 482.174676 0.173509 217.492137 214.799418 2.661498 479.584322 2.661498c264.819026 0 479.5473 214.728274 479.5473 479.513178a476.612828 476.612828 0 0 1-118.095432 314.875657l172.14431 172.246675z" fill="#1684FC"></path>
                </svg>
                <a href="/admin">用户管理</a>
            </div>
            <div class="classify">
                <svg viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" width="200" height="200">
                    <path d="M761.978355 509.439688c-46.817282 0-90.831728-18.231223-123.93466-51.334155l-61.620429-61.624523c-33.106002-33.102932-51.337225-77.116355-51.337225-123.932614s18.231223-90.831728 51.338249-123.93773l61.619406-61.619406c33.103956-33.103956 77.117378-51.335179 123.93466-51.335179s90.832751 18.231223 123.935684 51.335179l61.618383 61.619406c33.107025 33.106002 51.338249 77.121472 51.338249 123.93773s-18.231223 90.829681-51.338249 123.933637l-61.618383 61.623499C852.811106 491.208465 808.795637 509.439688 761.978355 509.439688zM761.978355 72.495104c-36.977169 0-71.739904 14.398942-97.886401 40.545438l-61.619406 61.619406c-26.14752 26.14752-40.547485 60.912301-40.547485 97.888448 0 36.975123 14.399965 71.737858 40.547485 97.883331l61.620429 61.625546c26.145473 26.14445 60.908208 40.544415 97.885378 40.544415 36.978193 0 71.739904-14.398942 97.886401-40.544415l61.618383-61.623499c26.148543-26.146497 40.548508-60.909232 40.548508-97.884354 0-36.976146-14.399965-71.739904-40.547485-97.888448l-61.619406-61.619406C833.718259 86.895069 798.956547 72.495104 761.978355 72.495104z" fill="#1684FC"></path>
                </svg>
                <a href="/system">系统管理</a>
            </div>
        </div>
        <div class="exit">
            <svg viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" width="200" height="200">
                <path d="M778.666667 202.666667H384v-64h458.666667v746.666666H384v-64h394.666667V202.666667z" fill="#d81e06"></path>
                <path d="M85.333333 522.496L362.752 682.666667v-97.706667h243.285333v-128H362.752V362.325333L85.333333 522.496z" fill="#d81e06"></path>
            </svg>
            <p>退出登录</p>
        </div>
    </div>
    <div class="main">
        <div class="inform">
            <div id="userInfo"></div>
        </div>
        <div class="system-features">
            <h2>系统管理</h2>
            <div class="feature-block" style="margin-bottom: 32px;">
                <h3>流量监控</h3>
                <div id="trafficChart" style="width: 100%;height:300px;"></div>
            </div>
            <div class="feature-block" style="margin-bottom: 32px;">
                <h3>在线人数统计</h3>
                <div id="onlineChart" style="width: 100%;height:300px;"></div>
            </div>
            <div class="feature-block">
                <h3>日志管理</h3>
                <div id="logManager">
                    <button id="loadLogsBtn">刷新日志</button>
                    <button id="clearLogsBtn">清空日志</button>
                    <button id="exportLogsBtn">导出日志</button>
                    <div id="logList" style="margin-top:16px;"></div>
                    <div id="exportLogArea" style="margin-top:16px;"></div>
                </div>
            </div>
            <div class="feature-block">
                <h3>用户反馈管理</h3>
                <div id="feedbackManager">
                    <button id="loadFeedbackBtn">刷新反馈</button>
                    <div id="feedbackList" style="margin-top:16px;"></div>
                </div>
            </div>
        </div>
    </div>

    <!-- 反馈详情模态框 -->
    <div id="feedbackDetailModal" class="modal" style="display: none;">
        <div class="modal-content">
            <div class="modal-header">
                <h3>反馈详情</h3>
                <span class="close" onclick="closeFeedbackDetailModal()">&times;</span>
            </div>
            <div class="modal-body">
                <div id="feedbackDetailContent">
                    <!-- 反馈详情内容将在这里动态加载 -->
                </div>
            </div>
            <div class="modal-footer">
                <button onclick="closeFeedbackDetailModal()" class="btn-close">关闭</button>
                <button id="respondBtn" onclick="showRespondForm()" class="btn-respond" style="display: none;">回复反馈</button>
            </div>
        </div>
    </div>

    <!-- 回复反馈模态框 -->
    <div id="respondModal" class="modal" style="display: none;">
        <div class="modal-content">
            <div class="modal-header">
                <h3>回复反馈</h3>
                <span class="close" onclick="closeRespondModal()">&times;</span>
            </div>
            <div class="modal-body">
                <div class="form-group">
                    <label for="respondContent">回复内容：</label>
                    <textarea id="respondContent" rows="6" placeholder="请输入回复内容..."></textarea>
                </div>
            </div>
            <div class="modal-footer">
                <button onclick="closeRespondModal()" class="btn-close">取消</button>
                <button onclick="submitResponse()" class="btn-submit">提交回复</button>
            </div>
        </div>
    </div>

    <script src="../static/js/sys_index.js"></script>
</body>
</html> 